<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self';"
    />
    <meta
      http-equiv="X-Content-Security-Policy"
      content="default-src 'self'; script-src 'self'"
    />
    <title>自定义菜单</title>
    <link rel="stylesheet" href="./index.css">
  </head>
  <body>
    <h2>动态创建菜单</h2>
    <button id="createBtn" >创建自定义菜单</button>
    <input id="input" placeholder="请输入自定义菜单项" type="text">
    <button id="addBtn">添加菜单项</button>
    <script src="./index.js"></script>
  </body>
</html>